<div class="clearfix">
	<button id="noticeLocalLog" class="btn btn-primary col-md-4 col-xs-4 col-md-4 col-lg-4 col-xs-offset-1 col-sm-offset-1 col-md-offset-1 col-lg-offset-1">本地日志</button>
	<button id="remoteNginxLog" class="btn btn-success col-md-4 col-xs-4 col-md-4 col-lg-4 col-xs-offset-1 col-sm-offset-2 col-md-offset-2 col-lg-offset-2">远程日志</button>
</div>

<div class="panel panel-default" id="showNginxPath" style="display:none;margin-top:20px;">

	<p class="navbar-form" style="width:100%;margin-bottom:10px;">
        <div class="input-group" style="padding:10px;">
                <input type="text" class="form-control searchValue" placeholder="搜索任意关键字" style="width:100%;" >
                <span class="input-group-btn" >
                        <button class="btn btn-success">
                                <span class="glyphicon glyphicon-search">搜索</span>
                        </button>
                </span>
        </div>
       </p>
    <div class="panel-heading" style="z-index: 1;background: white;">
        <button class="btn btn-success btn-xs" id="addNginxLog" type="button"><span
                class="glyphicon glyphicon-plus "></span></button>

    </div>


    <table class="table table-hover table-striped  table-bordered  table-condensed  table-responsive "  >
        <thead>
        <tr id="remoteNginx">
		<th>主机</th>
		<th>路径</th>
		<th>操作</th>
        </tr>
        </thead>
        <tbody id="nginxTbody">


        </tbody>

    </table>
</div>





<div id="uploadLogfileDropz" style="margin-left:0px;margin-right:0px;height:100%;border-top:1px dashed;margin-top:10px;">

<!--<canvas id="maxAccessHour" style="width:80%;margin-left:10%;"></canvas>-->



</div>

<div id="uploadLogfileProgressDiv" class="progress progress-striped"
     style="font-weight: bold;font-size: 500%;z-index: 1004;width:40%;height:5%;margin:auto;
     position:fixed;top:0%;bottom:0%;right:0px;left:120%;display: block;">

    <div id="showUploadLogfileProgressText"  class="progress-bar  progress-bar-success active"  style="width:94%">
    </div>


</div>





<div  style="z-index: 10004;width:auto;height: 200px;position: fixed;left: 0px;right: 0px;top: 40%;bottom: 60%;margin: auto;display:none;" id="selectLogDateDiv">
    <div class="modal "
         style="overflow:hidden;overflow-y:hidden;position:relative;left:0px;right:0px;bottom:0px;top:0px;margin:auto;display:block;">
        <div class="modal-dialog">
            <div class="modal-content">
                <div class="modal-header" style="cursor: move;">

                    <button type="button" class="close" data-dismiss="modal" aria-hidden="true"></button>

                    <h4 class=" glyphicon glyphicon-success  glyphicon glyphicon-info-sign " ><span>请选择您要统计的日期(日期来自您的日志文件)</span></h4>
                </div>


                <div class="modal-body">
			<div class="col-xs-12 col-sm-12 col-md-12 col-lg-12 input-group">
				<select id="showLogDate" class="form-control col-md-8 col-sm-8 col-lg-8 col-xs-8">
				</select>
			</div>


                </div>


                <div class="modal-footer">
			<button class="btn btn-default" style="float:left" id="closeSelectDate">取消</button>
			<button class="btn  btn-success" style="float:right" id="statistic">统计</button>
                </div>
            </div>
        </div>
    </div>
</div>


<div id="showLogNotice"
     style="z-index: 1005;display:none;position: absolute;  top: 0px; bottom: 0px ;left: 0px; right: 0px; ;">


    <div style="width:auto;height: 200px;position: fixed;left: 0px;right: 0px;top: 40%;bottom: 60%;margin: auto;;"
         id="">
        <div class="modal "
             style="overflow:hidden;overflow-y:hidden;position:relative;left:0px;right:0px;bottom:0px;top:0px;margin:auto;display:block
;">
            <div class="modal-dialog">
                <div class="modal-content  ">
                    <div class="modal-header" style="cursor: move;">

                        <button type="button" class="close" data-dismiss="modal" aria-hidden="true"></button>

                        <h4 class=" glyphicon glyphicon-alert " style="color: green;">提示</h4>
                    </div>

                    <div class="modal-body  ">
				已为您准备了良好的体验，您只需要用鼠标拖动您的Nginx/Apache/Tocmat日志文件放到本页面的<span style="color:red;">黑色虚线下方</span>，CheungSSH将自动启动分析程序.
                    </div>
                    <div class="modal-footer">
                        <button type="button" class="btn btn-primary" data-dismiss="modal" id="closeNotice">知道了</button>
                    </div>
                </div>
            </div>
        </div>
    </div>

</div>




<div id="showNginxHost"
     style="z-index: 1004;position: fixed;left: 0px;right: 0px;top:0px;margin: auto;display:none;">
    <div class="modal  "
         style="overflow: visible;position:relative;left:0px;right:0px;bottom:0px;top:0px;margin:auto;display:block;">
        <div class="modal-dialog" style="left: 0px; margin-top: 0px;padding:0px;padding-top: 0px;">
            <div class="modal-content " >
                <div class="modal-header" style="cursor: move;">

                    <button type="button" class="close" data-dismiss="modal" aria-hidden="true"></button>

                    <h4 class=" glyphicon glyphicon-filter " style="color: green;cursor:pointer;">选择服务器</h4>
                </div>

                <div class="modal-body">
                    <table class="table table-bordered table-hover table-striped  table-condensed">
                        <thead>
                        <tr>
                            <th>主机组</th>
                            <th>主机</th>
                        </tr>
                        </thead>
                        <tbody id="selectNginxTbody">

                        <!--
                        这里是tr，每一行

                        -->
                        </tbody>

                    </table>


                    <!---->


                </div>

                <div class="modal-footer">
                    <button type="button" class="btn btn-default" id="closeNginxSelectServer" style="float:left;">取消
                    </button>
                    <button type="button" class="btn btn-success" id="saveNginxSelectServer" style="float:right;">确定
                    </button>
                </div>
            </div>
        </div>
    </div>
</div>





<div id="showNginxDiv"
     style="z-index: 1004;position: fixed;left: 0px;right: 0px;top:10%;margin: auto;display:none;">
    <div class="modal  "
         style="overflow: visible;position:relative;left:0px;right:0px;bottom:0px;top:0px;margin:auto;display:block;">
        <div class="modal-dialog" style="left: 0px; margin-top: 0px;padding:0px;padding-top: 0px;">
            <div class="modal-content " >
                <div class="modal-header" style="cursor: move;">

                    <button type="button" class="close" data-dismiss="modal" aria-hidden="true"></button>

                    <h4 class=" glyphicon glyphicon-filter " style="color: green;cursor:pointer;">创建日志分析路径</h4>
                </div>

                <div class="modal-body">
			<div class="input-group col-md-12 col-xs-12 col-lg-12 col-sm-12">
				<div class="input-group-addon" style="width:17%;">服务器</div>
				<input  id="inputNginxRemoteServer" class="form-control" style="width:100%;" />
			</div>
			<div class="input-group col-md-12 col-xs-12 col-sm-12 col-lg-12" style="margin-top:20px;">
				<div  class="input-group-addon" style="width:17%;">远程路径</div>
				<input  id="remoteNginxLogPath" class="form-control" style="width:100%;">
			</div>
			


                </div>

                <div class="modal-footer">
                    <button type="button" class="btn btn-default" id="closeNginxSelect" style="float:left;">取消
                    </button>
                    <button type="button" class="btn btn-success" id="saveNginxSelect" style="float:right;">保存
                    </button>
                </div>
            </div>
        </div>
    </div>
</div>






<script src="../js/Chart.js"></script>
<script src="../js/home.js"></script>






